<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
	#ifocus {     width: 334px;
    height: 245px; border:1px solid gainsboro; background:#eef4d8;}
    #ifocus li{list-style: none;}
	#ifocus_pic { display:inline; position:relative; float:left; width:270px; height:232px; overflow:hidden; margin:3px 0 0 3px; }
		#ifocus_piclist { position:absolute; }
		#ifocus_piclist li { width:270px; height:215px; overflow:hidden; }
		#ifocus_piclist img { width:270px; height:215px; }
	#ifocus_btn { display:inline; float:right; width:42px; margin:-3px 13px 0 0; }
		#ifocus_btn li { width:42px; height:31px; cursor:pointer; margin:7px 0 0 6px; }
		#ifocus_btn img { width:42px; height:31px;  }
		#ifocus_btn .current {border: 2px solid red; }
	#ifocus_opdiv { position:absolute; left:0; bottom:0; width:270px; height:35px; background:#eef4d8; }
	#ifocus_tx { position:absolute; left:-35px; bottom:-5px; color:black; }
		#ifocus_tx .normal { display:none; }

	</style>
	 <script type="text/javascript">
				
			function x(id) { return document.getElementById(id); }
			
			function addLoadEvent(func){
				var oldonload = window.onload;
				if (typeof window.onload != 'function') {
					window.onload = func;
				} else {
					window.onload = function(){
						oldonload();
						func();
					}
				}
			}
			
			function moveElement(elementID,final_x,final_y,interval) {
			  if (!document.getElementById) return false;
			  if (!document.getElementById(elementID)) return false;
			  var elem = document.getElementById(elementID);
			  if (elem.movement) {
			    clearTimeout(elem.movement);
			  }
			  if (!elem.style.left) {
			    elem.style.left = "0px";
			  }
			  if (!elem.style.top) {
			    elem.style.top = "0px";
			  }
			  var xpos = parseInt(elem.style.left);
			  var ypos = parseInt(elem.style.top);
			  if (xpos == final_x && ypos == final_y) {
					return true;
			  }
			  if (xpos < final_x) {
			    var dist = Math.ceil((final_x - xpos)/10);
			    xpos = xpos + dist;
			  }
			  if (xpos > final_x) {
			    var dist = Math.ceil((xpos - final_x)/10);
			    xpos = xpos - dist;
			  }
			  if (ypos < final_y) {
			    var dist = Math.ceil((final_y - ypos)/10);
			    ypos = ypos + dist;
			  }
			  if (ypos > final_y) {
			    var dist = Math.ceil((ypos - final_y)/10);
			    ypos = ypos - dist;
			  }
			  elem.style.left = xpos + "px";
			  elem.style.top = ypos + "px";
			  var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
			  elem.movement = setTimeout(repeat,interval);
			}
			
			function classNormal(iFocusBtnID,iFocusTxID){
				var iFocusBtns= x(iFocusBtnID).getElementsByTagName('li');
				var iFocusTxs = x(iFocusTxID).getElementsByTagName('li');
				for(var i=0; i<iFocusBtns.length; i++) {
					iFocusBtns[i].className='normal';
					iFocusTxs[i].className='normal';
				}
			}
			
			function classCurrent(iFocusBtnID,iFocusTxID,n){
				var iFocusBtns= x(iFocusBtnID).getElementsByTagName('li');
				var iFocusTxs = x(iFocusTxID).getElementsByTagName('li');
				iFocusBtns[n].className='current';
				iFocusTxs[n].className='current';
			}
			
			function iFocusChange() {
				if(!x('ifocus')) return false;
				x('ifocus').onmouseover = function(){atuokey = true};
				x('ifocus').onmouseout = function(){atuokey = false};
				var iFocusBtns = x('ifocus_btn').getElementsByTagName('li');
				var listLength = iFocusBtns.length;
				iFocusBtns[0].onmouseover = function() {
					moveElement('ifocus_piclist',0,0,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',0);
				}
				if (listLength>=2) {
					iFocusBtns[1].onmouseover = function() {
						moveElement('ifocus_piclist',0,-230,5);
						classNormal('ifocus_btn','ifocus_tx');
						classCurrent('ifocus_btn','ifocus_tx',1);
					}
				}
				if (listLength>=3) {
					iFocusBtns[2].onmouseover = function() {
						moveElement('ifocus_piclist',0,-447,5);
						classNormal('ifocus_btn','ifocus_tx');
						classCurrent('ifocus_btn','ifocus_tx',2);
					}
				}
				if (listLength>=4) {
					iFocusBtns[3].onmouseover = function() {
						moveElement('ifocus_piclist',0,-658,5);
						classNormal('ifocus_btn','ifocus_tx');
						classCurrent('ifocus_btn','ifocus_tx',3);
					}
				}
				if (listLength>=5) {
					iFocusBtns[4].onmouseover = function() {
						moveElement('ifocus_piclist',0,-875,5);
						classNormal('ifocus_btn','ifocus_tx');
						classCurrent('ifocus_btn','ifocus_tx',4);
					}
				}
				if (listLength>=6) {
					iFocusBtns[5].onmouseover = function() {
						moveElement('ifocus_piclist',0,-1090,5);
						classNormal('ifocus_btn','ifocus_tx');
						classCurrent('ifocus_btn','ifocus_tx',5);
					}
				}
			}
			
			setInterval('autoiFocus()',3000);
			var atuokey = false;
			function autoiFocus() {
				if(!x('ifocus')) return false;
				if(atuokey) return false;
				var focusBtnList = x('ifocus_btn').getElementsByTagName('li');
				var listLength = focusBtnList.length;
				for(var i=0; i<listLength; i++) {
					if (focusBtnList[i].className == 'current') var currentNum = i;
				}
				if (currentNum==0&&listLength!=1 ){
					moveElement('ifocus_piclist',0,-230,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',1);
				}else
				if (currentNum==1&&listLength!=2 ){
					moveElement('ifocus_piclist',0,-447,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',2);
				}else
				if (currentNum==2&&listLength!=3 ){
					moveElement('ifocus_piclist',0,-658,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',3);
				}else
				if (currentNum==3&&listLength!=4){
					moveElement('ifocus_piclist',0,-875,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',4);
				}else
				if (currentNum==4&&listLength!==5){
					moveElement('ifocus_piclist',0,-1090,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',5);
				}else
				if (currentNum==5&&listLength!==6){
					moveElement('ifocus_piclist',0,-1195,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',6);
				}else{
					moveElement('ifocus_piclist',0,-0,5);
					classNormal('ifocus_btn','ifocus_tx');
					classCurrent('ifocus_btn','ifocus_tx',0);
				}
			}
			addLoadEvent(iFocusChange);
			</script>

	<body>
	
        <div id="ifocus">
			<div id="ifocus_pic">
				<div id="ifocus_piclist" style="left: 0px; top: -447px;">
					<ul style="margin-left: -40px;">
					 
						
						<li><a href="/NewShow-3878.aspx" target="_blank"><img src="01.jpg" alt=""></a></li>
						
						<li><a href="/NewShow-3857.aspx" target="_blank"><img src="02.jpg" alt=""></a></li>
						
						<li><a href="/NewShow-3856.aspx" target="_blank"><img src="03.jpg"></a></li>
						
						<li><a href="/NewShow-3842.aspx" target="_blank"><img src="04.jpg" alt=""></a></li>
						
						<li><a href="/NewShow-3878.aspx" target="_blank"><img src="01.jpg" alt=""></a></li>
						
						<li><a href="/NewShow-3857.aspx" target="_blank"><img src="02.jpg" alt=""></a></li>
						
					</ul>
				</div>
				<div id="ifocus_opdiv"></div>
				<div id="ifocus_tx">
					<ul>
					    
						
						<li class="normal"><a href="/NewShow-3878.aspx" target="_blank" style="color:#537492">省委常委、组织部部长郭文奇来溧调研基层党建工</a></li>
						
						<li class="normal"><a href="/NewShow-3857.aspx" target="_blank" style="color:#537492">省委常委、省委秘书长樊金龙来溧调研“两学一做</a></li>
						
						<li class="current"><a href="/NewShow-3856.aspx" target="_blank" style="color:#537492">“党员干部深入基层联系群众服务发展”图片新闻</a></li>
						
						<li class="normal"><a href="/NewShow-3842.aspx" target="_blank" style="color:#537492">市委组织部联合镇区召开基层青年干部座谈会</a></li>
						
						<li class="normal"><a href="/NewShow-3848.aspx" target="_blank" style="color:#537492">竹箦镇党委举办“我是党员我承诺”活动</a></li>
						
						<li class="normal"><a href="/NewShow-2257.aspx" target="_blank" style="color:#537492">常州市委副书记徐缨来溧调研基层党建工作</a></li>
						
					</ul>
				</div>
			</div>
			<div id="ifocus_btn">
				<ul style="margin-left: -43px;">
				  
					
					<li class="normal"><img src="01.jpg" alt=""></li>
					
					<li class="normal"><img src="02.jpg" alt=""></li>
					
					<li class="current"><img src="03.jpg" alt=""></li>
					
					<li class="normal"><img src="04.jpg" alt=""></li>
					
					<li class="normal"><img src="01.jpg" alt=""></li>
					
					<li class="normal"><img src="02.jpg" alt=""></li>
					
				</ul>
			</div>
		</div>
	</body>
</html>
